<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.3-strict.dtd" >
	<head>
		<title>Apache Wicket Quickstart</title>	
		        <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:regular,bold' rel='stylesheet' type='text/css' />
                <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="Stylesheet" />	
	</head>
	
	<body>
		<div><center><h2>Esferas del Dragon</h2></center></div>

		<center>
		
		<div wicket:id="feedback"></div>
		
		<form wicket:id="formTablero" action="#">
       		<table>
 				<tr wicket:id="celdas">
   					  <td wicket:id="columna">
         			  	<img wicket:id="imgCelda" height="80"></img>
    				  </td>
			   </tr>
       		</table>
       	</form>
		
		
        <div>
        	<a href="#" wicket:id="crearPersonaje" style="margin-right: 50px;">Crear Personaje</a>
        	<a href="#" wicket:id="crearEsfera">Crear Esfera</a>
       	</div>		
 
        <form wicket:id="formularioB" action="#">
        		<div>
        			<label style="margin-right: 30px;">Personaje: </label>
 					<label style="margin-right: 150px;">Esfera: </label>	
 				</div>
        	
        		<div>
        			<select wicket:id="pers"></select>
 					<select wicket:id="esf"></select>	
 					<input wicket:id="buscarEsfera" type="submit" value = "Buscar Esfera"/>
 				</div>
        		
       			<div> <input wicket:id="verStatus" type="submit" value = "Ver Status Personaje" style= "margin-top: 20px;"/> </div>
       			
       	</form>
       	</center>
        
	</body>
</html>